<template>
	<view class="content">
	<router-view></router-view>
	</view>
</template>

<script setup>
	import {
		ref,
		onMounted,
		onUnmounted,
		computed,
		defineComponent
	} from 'vue'
	const title = ref("你好啊");
	const changeTitle = () => {
		title.value = "hello world!"
	};
	onMounted(() => {
		console.log("组件已经挂载...")
	})
	const initData = () => {
		console.log("initData...")
	}
	initData()
</script>

<style lang="less" scoped>
	@vw: 19.20vw;
	@vh: 10.80vh;

	.content {
		display: flex;
		flex-direction: column;
	}

	.text-area {
		display: flex;
		justify-content: center;
		width: 960/@vw;
		height: 540@vh;
		background-color: aqua;
	}
</style>